@charset "UTF-8";
.title{
	height:10%;
    background-image:url('/static/img/title.gif');
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:50% 50%;
}
body{
	background-image:url('/static/img/blankBack.jpg');
    background-size:100% 100%;
}
.buttons{
	margin : 0% 40%;
	padding-left: 3%;
	padding-top: 0%;
}
.weiMu{
	height:25%;
    background-image:url('/static/img/weiMu.gif');
    background-repeat:no-repeat;
    background-size:40% 80%;
    background-position:50% 0%;
}
.selectTip{
	margin : 0% 40%;
	padding-left:5%;
	height:10%;
	color:#9f009f;
	font-family: 华文行楷;
	font-size: 300%;
}
.form{
	margin : 0% 30%;
	padding-left:9%;
}
.agree{
	font-family: 楷体;
	font-size: 25px;
	padding-top: 50px;
}
.agree input{
	zoom: 130%;
}
.input{
	font-size:28px;
	font-family:楷体;
	text-align: center;
	/*发光*/
	outline: 0;
    border: 1px solid #f95d5d;
    box-shadow: 0px 0px 10px 0px #f95d5d;
    -moz-transition:border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	-webkit-transition:border ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	/*圆角*/
	border-radius:15px;
	/*背景颜色*/
	background:rgba(255, 255, 255, 0.3);
}
.userType{
	margin : 0% 35%;
	padding-left:9%;
	font-family: 楷体;
	font-size: 25px;]
}
#validateCodeDiv{
	display: inline;
}
#getValidateCode{
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 1em;
	background-color: #ff0081;
	color: #fff;
	border: none;
	cursor: pointer;
	box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5);
}
/* input 中提示文字的css */
input::-webkit-input-placeholder { /* WebKit browsers */ 
color: #808080;
font-size:20px;
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #808080;
font-size:20px;
} 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #808080;
font-size:20px; 
} 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #808080;
font-size:20px; 
}
/*气泡*/
.qiPao{
	float:right;
    width:300px;
    height:60px;
    background:rgba(255, 255, 255, 0.3);;
    -webkit-border-top-left-radius:250px 140px;
    -webkit-border-top-right-radius:250px 140px;
    -webkit-border-bottom-right-radius:250px 140px;
    -webkit-border-bottom-left-radius:250px 140px;
    -moz-border-radius:250px / 140px;
    border-radius:250px / 140px;
    position:relative;
    border:2px solid #ff0000;
    font-size: 120%;
    font-family: 楷体;
    color:red;
    text-align: center;
    left: 45%;
    top: -35px;
    float:right;
    visibility: hidden;
}
.qiPao span{
	width:0; height:0;
	font-size:0;
	background:rgba(255, 255, 255, 0.3);
	overflow:hidden;
	position:absolute;
	border:2px solid #ff3535;
}
.qiPao span.bot{ 
    width:20px;
    height:20px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    left:10px;
    bottom:-20px;
}
.qiPao span.top{
    width:10px;
    height:10px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    left:0px;
    bottom:-40px;
}
.qiPao .text{
	padding: 3%;
}
input[type=radio]{
    /*去除浏览器默认样式*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*自定义样式*/
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border: 1px solid #00bfff;
    outline: none;
    cursor: pointer;
    /*设置为圆形，看起来是个单选框*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/**
* 单选框 选中之后的样式
**/
input[type=radio]:after{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #00bfff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    /*增加一些动画*/
    -webkit-transition : all ease-in-out 300ms;
    -moz-transition : all ease-in-out 300ms;
    transition : all ease-in-out 300ms;
}
input[type=radio]:checked:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}